<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{rol.TituloDetalles}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form>
                <p:panel header="Detalle del rol" style="font-size: small">
                    <h:inputHidden value="#{rolController.selected.id}"/>
                    <table border="1" class="detalle">
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{rol.Nombre}:"/>
                            </th>
                            <td>
                                <h:outputText value="#{rolController.selected.nombre}" />
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{rol.Descripcion}"/>
                            </th>
                            <td>
                                <h:outputText value="#{rolController.selected.descripcion}"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{rol.FechaCreacion}"/>
                            </th>
                            <td>
                                <h:outputText value="#{rolController.selected.fecha_creacion}" >
                                    <f:convertDateTime pattern="dd/MMM/yyyy HH:mm:ss" locale="es_EC" timeZone="America/Guayaquil" />
                                </h:outputText>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <h:outputText value="#{rol.Estado}"/>
                            </th>
                            <td>
                                <p:selectBooleanCheckbox disabled="true" value="#{rolController.selected.estado}"/>
                            </td>
                        </tr>
                    </table>
                    <br />
                    <br />
                    <p:commandLink action="#{rolController.cargarEditarDetalleRol(rolController.selected.id)}" 
                                   value="#{rol.Editar}" ajax="false"
                                   rendered="#{accionController.getAccionByVista('Rol', 'Editar')}"/>
                    <br />
                    <h:link outcome="Index" value="#{rol.RegresarIndex}"/>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>

</html>

